<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>Blog | Spyre - Slick contemporary multipurpose theme</title>

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="../assets/img/favicons/site.webmanifest">
    <link rel="mask-icon" href="../assets/img/favicons/safari-pinned-tab.svg" color="#f23838">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700%7CRoboto:300,400,700" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery.mb.vimeo_player/dist/css/jquery.mb.vimeo_player.min.css" rel="stylesheet">

    <!-- Theme Stylesheets -->
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/dist/css/theme.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129313359-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-129313359-1');
    </script>
</head>

<body>
<!-- Preloader -->
<div class="preloader">
    <div class="spinner">
        <div class="circles"></div>
    </div>
</div>
<!-- End of Preloader -->


<!-- Header -->
<header class="spyre-navbar navbar navbar-expand-lg bg-secondary navbar-dark fixed-top align-items-center" data-transparent data-text-color="#ffffff">
    <div class="container">
        <a class="navbar-brand mr-lg-5 mr-xl-7" href="index.html">
            <img src="../assets/img/logo.svg" class="d-none d-lg-block" alt="Spyre" width="183" />
            <img src="../assets/img/logo.svg" class="d-block d-lg-none" alt="Spyre" width="150" />
        </a>

        <span class="navbar-text flex-fill d-none d-md-inline-block text-white">
                    Contact us: <a href="#" class="pl-2 text-white">info@spyre.com</a><a href="#" class="pl-5 text-white">+1-202-555-0149</a>
                </span>

        <div class="search d-none d-lg-flex justify-content-end ml-auto mr-2">
            <input class="form-control mr-2" type="text">
            <i class="zmdi zmdi-search"></i>
        </div>

        <div class="menu-toggle">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="cross">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- Spyrenav Overlay -->
    <div class="spyre-navbar-overlay overlay-slide">
        <div class="container">
            <div class="row">
                <div class="spyre-navbar-nav-container col-md-6 col-lg-5 col-xl-4 bg-white ext-l">
                    <nav class="spyre-navbar-nav">
                        <ul class="spyre-nav">
                            <li class="spyre-nav-item"><a href="index.html" class="spyre-nav-link">Overview</a></li>
                            <li class="spyre-nav-item dropdown">
                                <a href="#" class="spyre-nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <li class="dropdown-menu-item"><a href="home.html" class="dropdown-menu-link">Homepage</a></li>
                                    <li class="dropdown-menu-item"><a href="services.html" class="dropdown-menu-link">Services</a></li>
                                    <li class="dropdown-menu-item active"><a href="blog.html" class="dropdown-menu-link">Blog</a></li>
                                    <li class="dropdown-menu-item"><a href="blog-single.html" class="dropdown-menu-link">Blog single</a></li>
                                    <li class="dropdown-menu-item"><a href="portfolio.html" class="dropdown-menu-link">Portfolio</a></li>
                                    <li class="dropdown-menu-item"><a href="about.html" class="dropdown-menu-link">About</a></li>
                                    <li class="dropdown-menu-item"><a href="contact.html" class="dropdown-menu-link">Contact</a></li>
                                    <li class="dropdown-menu-item"><a href="team.html" class="dropdown-menu-link">Team</a></li>
                                    <li class="dropdown-menu-item"><a href="faq.html" class="dropdown-menu-link">Faq</a></li>
                                    <li class="dropdown-menu-item"><a href="pricing.html" class="dropdown-menu-link">Pricing</a></li>
                                    <li class="dropdown-menu-item"><a href="careers.html" class="dropdown-menu-link">Careers</a></li>
                                    <li class="dropdown-menu-item"><a href="careers-single.html" class="dropdown-menu-link">Careers single</a></li>
                                    <li class="dropdown-menu-item"><a href="coming-soon.html" class="dropdown-menu-link">Coming soon</a></li>
                                    <li class="dropdown-menu-item"><a href="404.html" class="dropdown-menu-link">404</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-in.html" class="dropdown-menu-link">Sign In</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-up.html" class="dropdown-menu-link">Sing Up</a></li>
                                    <li class="dropdown-menu-item"><a href="recover-account.html" class="dropdown-menu-link">Recover account</a></li>
                                </ul>
                            </li>
                            <li class="spyre-nav-item"><a href="https://spyre-theme.bitbucket.io/v1.2.0/docs/animations.html" class="spyre-nav-link">Components</a></li>
                            <li class="spyre-nav-item"><a href="../docs/index.html" class="spyre-nav-link">Docs</a></li>
                            <li class="spyre-nav-item"><a href="https://themes.getbootstrap.com/product/spyre-slick-contemporary-multipurpose-theme" target="_blank" class="spyre-nav-link">Purchase</a></li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-7 col-xl-8 d-none d-md-block">
                    <div class="d-flex flex-column h-100">
                        <div class="d-flex h-100">
                            <div class="align-self-center">
                                <div class="text-uppercase"
                                     data-background-text="communication"
                                     data-color="#7079a2"
                                     data-opacity="0.02"
                                     data-font-size="85px"
                                     data-font-weight="500"
                                     data-offset-x="-5%"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="planning"
                                     data-color="#7079a2"
                                     data-opacity="0.04"
                                     data-font-size="175px"
                                     data-font-weight="500"
                                     data-offset-x="29%"
                                     data-padding="7vh 0 2vh 0"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="delivering"
                                     data-color="#7079a2"
                                     data-opacity="0.03"
                                     data-font-size="140px"
                                     data-font-weight="500"
                                     data-offset-x="15%"
                                     data-letter-spacing="5px"
                                ></div>
                            </div>
                        </div>

                        <div class="mt-auto">
                            <ul class="nav flex-nowrap float-right">
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-twitter text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-instagram text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-facebook-box text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-pinterest text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-flickr text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-youtube text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Spyrenav Overlay -->
</header>
<!-- End of Header -->


<!-- Main Content -->
<main class="main minh-100vh">
    <!-- Section -->
    <section class="py-0 overflow-hidden text-center">
        <div class="bg-container overlay parallax" data-rellax-percentage="0.5" style="background-image: url(../assets/img/backgrounds/bg-02.jpg)">
            <div class="bg-video vimeo" data-property="{videoURL:'https://vimeo.com/159035843', stopAt:45, autoPlay:true, mute:true, showControls: false, containment: 'self', loop: false}"></div>
        </div>
        <div class="container">
            <div class="row h-100vh align-items-center">
                <div class="col">
                    <h1 class="text-white text-uppercase fs-4 fs-lg-6">Stories, ideas and guides</h1>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pb-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 order-lg-2 pb-6 pb-lg-0">
                    <div class="mb-8">
                        <h2 class="mb-4 text-uppercase"><a href="blog-single.html" class="text-body">Consciousness decisions</a></h2>
                        <p class="text-700 fw-medium">Sed eu sapien accumsan, rutrum velit et, imperdiet elit. Vivamus posuere eleifend enim auctor congue. Vivamus sed lacus ex. Phasellus porta metus dui, eget porttitor dolor pharetra in. Fusce consequat convallis tincidunt. Nulla sodales non mauris mollis vestibulum consectetur.</p>
                        <div class="mt-4 d-flex justify-content-between">
                            <div class="w-50">
                                <img src="../assets/img/profiles/profile-thumbnal-01.jpg" alt="" class="rounded-circle float-left mr-2" width="40" height="40" />
                                <p class="fs--1 lh-13 text-700">Juan Elliott<br /><span class="fs--3">Sept 19, 2018</span></p>
                            </div>
                            <a href="blog-single.html" class="h6 fw-bold text-uppercase text-primary pt-3">Read more<i class="zmdi zmdi-chevron-right pl-4"></i></a>
                        </div>
                    </div>
                    <div class="mb-8">
                        <h2 class="mb-4 text-uppercase"><a href="blog-single.html" class="text-body">Financial security remotely</a></h2>
                        <p class="text-700 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor blandit augue, ac maximus turpis tincidunt at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in accumsan enim. Suspendisse sollicitudin est aliquam tellus porta lacinia eget quis elit. Vivamus mollis odio eget diam cursus, eget ultricies mi aliquam.</p>
                        <div class="mt-4 d-flex justify-content-between">
                            <div class="w-50">
                                <img src="../assets/img/profiles/profile-thumbnal-02.jpg" alt="" class="rounded-circle float-left mr-2" width="40" height="40" />
                                <p class="fs--1 lh-13 text-700">Ashley Claudia Baker<br /><span class="fs--3">Sept 16, 2018</span></p>
                            </div>
                            <a href="blog-single.html" class="h6 fw-bold text-uppercase text-primary pt-3">Read more<i class="zmdi zmdi-chevron-right pl-4"></i></a>
                        </div>
                        <img src="../assets/img/backgrounds/bg-04.jpg" class="mt-4 img-fluid w-100" alt="" />
                    </div>
                    <div class="mb-8">
                        <h2 class="mb-4 text-uppercase"><a href="blog-single.html" class="text-body">Behind the scenes</a></h2>
                        <p class="text-700 fw-medium">Aenean ligula justo, posuere id est at, tristique bibendum diam. Mauris sed odio eu arcu consequat condimentum. Fusce et nisl tristique, ornare nulla sed, consequat urna. Suspendisse potenti. Maecenas posuere egestas erat at vestibulum. Phasellus volutpat, justo condimentum dapibus gravida.</p>
                        <div class="mt-4 d-flex justify-content-between">
                            <div class="w-50">
                                <img src="../assets/img/profiles/profile-thumbnal-03.jpg" alt="" class="rounded-circle float-left mr-2" width="40" height="40" />
                                <p class="fs--1 lh-13 text-700">Lian Everett Stevens<br /><span class="fs--3">Sept 10, 2018</span></p>
                            </div>
                            <a href="blog-single.html" class="h6 fw-bold text-uppercase text-primary pt-3">Read more<i class="zmdi zmdi-chevron-right pl-4"></i></a>
                        </div>
                    </div>
                    <div class="mb-8">
                        <h2 class="mb-4 text-uppercase"><a href="blog-single.html" class="text-body">The idea of tomorrow</a></h2>
                        <p class="text-700 fw-medium">Integer condimentum commodo ligula, ac dignissim lorem vehicula a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In facilisis, libero at blandit commodo, ligula felis consequat nunc, et mattis justo justo ut mi. Nunc consequat urna quis nisl iaculis, at vehicula odio lacinia. Mauris blandit molestie metus, nec facilisis felis. Donec viverra eget porta.</p>
                        <div class="mt-4 d-flex justify-content-between">
                            <div class="w-50">
                                <img src="../assets/img/profiles/profile-thumbnal-04.jpg" alt="" class="rounded-circle float-left mr-2" width="40" height="40" />
                                <p class="fs--1 lh-13 text-700">Gladys Perry<br /><span class="fs--3">Sept 08, 2018</span></p>
                            </div>
                            <a href="blog-single.html" class="h6 fw-bold text-uppercase text-primary pt-3">Read more<i class="zmdi zmdi-chevron-right pl-4"></i></a>
                        </div>
                        <img src="../assets/img/img-23.jpg" class="mt-4 img-fluid w-100" alt="" />
                    </div>
                    <div class="mb-4 mb-lg-8">
                        <h2 class="mb-4 text-uppercase"><a href="blog-single.html" class="text-body">Intelligent solutions</a></h2>
                        <p class="text-700 fw-medium">Nunc aliquet sapien eu diam ultrices, porta pulvinar felis lacinia. Integer sed ipsum sem. Aliquam vestibulum ex a libero ultricies facilisis. Ut feugiat velit purus, et pharetra purus rutrum quis. Vestibulum iaculis, turpis non rhoncus posuere, ex lectus scelerisque urna,.</p>
                        <div class="mt-4 d-flex justify-content-between">
                            <div class="w-50">
                                <img src="../assets/img/profiles/profile-thumbnal-02.jpg" alt="" class="rounded-circle float-left mr-2" width="40" height="40" />
                                <p class="fs--1 lh-13 text-700">Lian Everett Stevens<br /><span class="fs--3">Sept 02, 2018</span></p>
                            </div>
                            <a href="blog-single.html" class="h6 fw-bold text-uppercase text-primary pt-3">Read more<i class="zmdi zmdi-chevron-right pl-4"></i></a>
                        </div>
                    </div>

                    <nav class="my-0 pt-4" aria-label="Page pagination">
                        <ul class="pagination justify-content-center">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" tabindex="-1">Previous</a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-4 order-lg-1">
                    <h5 class="mb-4 text-uppercase text-600">Share</h5>
                    <div class="mb-5 mb-lg-6">
                        <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-facebook zmdi-hc-fw"></i></a>
                        <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-twitter zmdi-hc-fw"></i></a>
                        <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-google-plus zmdi-hc-fw"></i></a>
                        <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-email zmdi-hc-fw"></i></a>
                    </div>

                    <h5 class="mb-4 text-uppercase text-600">Tags</h5>
                    <div class="mb-5 mb-lg-6">
                        <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Security</a>
                        <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Vestibulum</a>
                        <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Dolor</a>
                        <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Suspendisse</a>
                        <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Consectetur</a>
                    </div>

                    <h5 class="mb-4 text-uppercase text-600">Categories</h5>
                    <ul class="mb-5 mb-lg-6 pl-4 text-600">
                        <li class="mb-1"><a href="#" class="text-600">Strategy</a></li>
                        <li class="mb-1"><a href="#" class="text-600">Development</a></li>
                        <li class="mb-1"><a href="#" class="text-600">Consulting</a></li>
                        <li class="mb-1"><a href="#" class="text-600">Financial</a></li>
                        <li class="mb-1"><a href="#" class="text-600">Architecture</a></li>
                        <li class="mb-1"><a href="#" class="text-600">Investment</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Subscribe</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Newsletter</h2>
                    <p class="mb-4">Cras dapibus erat ex, sed efficitur ligula interdum ut.</p>

                    <form class="form">
                        <div class="form-group mb-1">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <input type="text" class="form-control mb-3 mb-lg-2" placeholder="Email address">
                                </div>
                                <div class="col-8 col-lg-4">
                                    <button type="button" class="btn btn-primary btn-block">Subscribe <i class="zmdi zmdi-mail-send ml-2"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->
</main>
<!-- End of Main Content -->


<!-- Footer -->
<footer class="footer text-white" style="background-image: url(../assets/img/footer-bg.jpg)">
    <div class="container d-flex h-100">
        <div class="row flex-grow-1">
            <div class="col-lg-3 pt-3 ext-l bg-secondary text-center text-lg-left">
                <div class="d-flex flex-column h-100">
                    <div class="pt-5 pt-lg-8 pb-4">
                        <img src="../assets/img/logo-small.svg" alt="" width="92" class="mb-4" />
                        <p class="mb-4 mt-3 fs--1">New York, NY<br />
                            62 Birchpond St.<br />
                            Crystal Lake, NY 11762</p>

                        <p class="fs--1"><a href="#" class="text-white"><i class="zmdi zmdi-phone zmdi-hc-fw mr-1"></i>+1-202-555-0149</a><br />
                            <a href="#" class="text-white"><i class="zmdi zmdi-email zmdi-hc-fw mr-1"></i>info@spyre.com</a></p>
                    </div>

                    <ul class="mt-4 mt-lg-auto mb-5 mb-lg-0 list-unstyled list-inline">
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-twitter text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-instagram text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-facebook-box text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-pinterest text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-flickr text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-youtube text-white"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col d-flex flex-column mb-2 mt-3 pl-lg-7">
                <div class="row pt-5 pt-lg-8 pb-4 pb-lg-6">
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Services</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Design</a></li>
                            <li class="my-1"><a href="#" class="text-white">Development</a></li>
                            <li class="my-1"><a href="#" class="text-white">Themes</a></li>
                            <li class="my-1"><a href="#" class="text-white">CMS</a></li>
                            <li class="my-1"><a href="#" class="text-white">Mobile</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">About</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">About Us</a></li>
                            <li class="my-1"><a href="#" class="text-white">Contact</a></li>
                            <li class="my-1"><a href="#" class="text-white">The team</a></li>
                            <li class="my-1"><a href="#" class="text-white">Careers</a></li>
                            <li class="my-1"><a href="#" class="text-white">Locate store</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Help</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Sponsors</a></li>
                            <li class="my-1"><a href="#" class="text-white">FAQs</a></li>
                            <li class="my-1"><a href="#" class="text-white">Stories & Ideas</a></li>
                        </ul>
                    </div>
                </div>

                <div class="mt-auto d-flex justify-content-between">
                    <span class="fs--3 fs-lg--2">&copy; Spyre, 2019 Webinning Ltd.</span>
                    <div class="fs--3 fs-lg--2"><a href="#" class="mr-1 text-white">Privacy Policy</a>|<a href="#" class="ml-1 text-white">Cookie Policy</a></div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- End of Footer -->


<!-- Core Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/rellax/rellax.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery.mb.vimeo_player/dist/jquery.mb.vimeo_player.min.js"></script>

<!-- Theme Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/dist/js/theme.min.js"></script>
</body>
</html>